<template>
  <div class="container">
    <div class="logo">远界</div>
    <form>
      <input type="text" autocapitalize="on" placeholder="用户名">
      <input placeholder="密码" type="password" autocapitalize="on">
      <mt-button type="primary" class="button-login" size="large">登录</mt-button>
    </form>
    <!-- <a href="">注册帐号</a> -->
  </div>
</template>

<script>
import { Button } from 'mint-ui'
export default {
  components: { Button }
}
</script>

<style scoped lang="less">
@bili: 75rem;
.container {
  padding: 60/@bili 60/@bili 0;
  .logo {
    color: #1B9DFF;
    height: 300/@bili;
    line-height: 300/@bili;
    text-align: center;
  }
  input {
    width: 100%;
    height: 96/@bili;
    padding-left: 20/@bili;
    border-radius: 8/@bili;
    color: #333;
    border: 1px solid #ddd;
    margin-top: 32/@bili;
    &:focus {
      outline: none;
      border: 1px solid #2395ff;
    }
  }
  .button-login {
    margin-top: 60/@bili;
    background-color: #4CD96E;
  }
  a {
    color: #999;
  }
}
</style>
